.fileTree{
  height: calc(100vh - 30px);
  
  :global{
    .ant-tree{
      height: 100%;
      background-color: #252525;
      color: #ccc;
      font-size: 12px;
      overflow: auto;
    
      .ant-tree-node-content-wrapper{
        padding: 0;
      }

      .ant-tree-list{

        .ant-tree-treenode{
          &:hover::before{
            background: #444;
          }

          .ant-tree-node-content-wrapper{
            white-space: nowrap;
          }
          .ant-tree-indent-unit{
            width: 18px;

            &::before{
              right: 9px;
            }
          }
          .ant-tree-switcher{
            width: 18px;
            background: #252525;
            color: #999;
          }
          .ant-tree-switcher-noop{
            display: none;
          }
        }
        .ant-tree-treenode-selected::before{
          background: #094771;
        }
      }
    }
    .ant-tree-show-line{
      .ant-tree-indent-unit{
        &::before{
          border-right: 1px solid #666;
        }
      }
    }
  }

  .folderColor{
    color: #c09553;
    font-size: 14px;
  }
  .xmlColor{
    color: #f1662a;
    font-size: 14px;
  }

  .error{
    color: #f00;
  }

  .rightMenu{
    position: absolute;
    z-index: 1000;
    background-color: #252525;
    color:#fff;
    box-shadow: 0px 3px 3px #000;
    border:none;

    :global{
      .ant-menu-item{
        color: #ccc;
        line-height: 24px;
        height: 24px;
        padding: 0 24px;
        position: relative;
        font-size: 12px;
        margin: 2px 0;

        &.ant-menu-item-active{
          background-color: #094771;
        }
      }
    }
  }
}